.content{
    width: 100%;
    height: 100%;
    margin-top: 1em;
    align-content: center;
}
.content .img{
    text-align: center;
    width: 100%;
    height: 8em;
    /*background-color: #006600;*/
    margin: 0 0 1em 0;
}

.content .inputtext{
    height: 3em;
    border: 0;
    width: 70%;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}
.content .input{
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    border-bottom: 1px solid;
    border-color: #CCCCCC;
    margin-bottom: 0em;
}
.content .input img{
    height: 2em;vertical-align: middle;border-right: solid 1px #CCCCCC;
    /*margin-bottom: 1em;*/
}
.content .register{
    float: right;margin-top: 1em;height: 2em;
    border: 0;
    margin-right: 0.3em;
    border-radius: 0.4em;
    background-color:#6DE7B6;
    color: #FFFFFF ;
    font-size: 0.8em;
    -webkit-appearance : none ;
}
.sendcode{
    float: right;margin-top: 7px;;height: 2em;
    border: 0;
    margin-right: 0.3em;
    border-radius: 0.4em;
    background-color:#6DE7B6;
    color: #FFFFFF ;
    font-size: 0.8em;
    -webkit-appearance : none ;
}
.footer a:link { text-decoration: none;color: #CCCCCC}
.footer a:active { text-decoration:blink}
.footer a:hover { text-decoration:underline;color: #CCCCCC}
.footer a:visited { text-decoration: none;color: #CCCCCC}
/*a:link 指正常的未被访问过的链接；
a:active 指正在点的链接；
a:hover 指鼠标在链接上；
a:visited 指已经访问过的链接；
text-decoration是文字修饰效果的意思；
none参数表示超链接文字不显示下划线；
underline参数表示超链接的文字有下划线*/
.content .footer{
    left:0;bottom: 0.5em;margin-top:1em;;margin-bottom: 1em;width: 100%;text-align: center;font-size: 0.8em;
    color: #CCCCCC;
}
.content .login{
    width: 50%;
    background-color:#6DE7B6;
    color: #FFFFFF;
    -webkit-appearance : none ;
    border-radius: 3em;
}